<%-- 
    Document   : index
    Created on : 18-nov-2012, 16:33:20
    Author     : froy
--%><%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script type="text/javascript" src="/bibliotecaUNIVA/rs/js/jquery-1.8.2.min.js"></script>
        <title>JSP Page</title>
    </head>
    <body>
        <ul>
            <li><a href="testJPages.jsp">JPages</a></li>
            <li><a href="testRating.jsp">Rating</a></li>
            <li><a href="testTableSorter.jsp">TableSorter</a></li>
            <li><a href="testFullCalendar.jsp">FullCalendar</a></li>
            <li><a href="testddslick.jsp">ddslick</a></li>
            <li><a href="testHovercard.jsp">Hovercard</a></li>
            <li><a href="testGoogleMaps.jsp">testGoogleMaps</a></li>
            <li><a href="Videoteca/index.jsp">Videoteca</a></li>
        </ul>
        <select id="parVisits">
            <% for(int i = 0; i <= 12 ; i++){ %>
            <option value="<%=i%>"><%=i%></option> 
            <% } %>
        </select>
        <select id="parCalling">
            <% for(int i = 0; i <= 12 ; i++){ %>
            <option value="<%=i%>"><%=i%></option> 
            <% } %>
        </select>
        <input id="btnShow" type="button" value="Show" />
    </body>
</html>
<script type="text/javascript">
    $(document).ready(function(){
        $('#parVisits').change(function(){
            alert($(this).val());
        });
        $('#parCalling').change(function(){
            alert($(this).val());
        });
        
    $('#btnShow').click(function(){
       alert($('#parVisits').val()); 
    });
        
    });
</script>
